<template>
  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
    <li v-for="i in count" class="infinite-list-item">
	<div class="list_txt">	
	<p>第{{ i }}文章</p>
	<p>文章标题奥</p>
		<P>文章主体内容</P>
			<p>作者名称</p>

	</div>	
	</li>
  </ul>
</template>

<script>
  export default {
    data () {
      return {
        count: 0
      }
    },
    methods: {
      load () {
        this.count += 2
      }
    }
  }
</script>
<style>
	.infinite-list{
		margin-top: -10px;
		margin-left: 10%;
		width: 103%;
		height: 200%;
	}
	.infinite-list-item{
		width: 100%;
		height: 300px;
	    text-align: left;
		
	}
	.list_txt{
		height:auto;
		
	}
</style>